#rcQuery {

    min-width: 820px;
    border: 1px solid #d6d6d6;

    .header {
        display: flex;
        padding: 0 25px;
        justify-content: space-between;
        // 垂直居中
        align-items: center;
        height: 50px;
        background-color: #f3f3f3;

        .header-left {
            .query-icon {
                margin-right: 5px;
            }
        }

        .header-right {
            display: flex;
            justify-content: space-between;
            align-items: center;

            .drop-down-icon {
                .down-icon {
                    margin-right: 5px;
                }

                margin-right: 20px;
            }
        }
    }

    .queryInput {
        display: flex;
        height: 80px;
        justify-content: space-around;

        .rulesName,
        .hitNumber,
        .dueTime {
            display: flex;
            align-items: center;

            span {
                margin-right: 8px;
            }

            .ant-select-selector {
                width: 180px;
                text-align: left;
            }
        }

        .rulesName {
            input {
                width: 220px;
            }
        }
    }
}